<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>竞赛宣传</title>
<link rel="stylesheet" href="css/b-style.css">
<link rel="stylesheet" href="css/ipad-style.css" media="screen and (max-width:980px)">
<link rel="stylesheet" href="css/mobile-style.css" media="screen and (max-width:640px)">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
		$('#title li').click(function(e) {
			//控制li
            $(this).addClass('current');
			$(this).siblings().removeClass('current');
			//控制下面的ul
			$('#content li').eq($(this).index()).show();
			$('#content li').eq($(this).index()).siblings().hide();
		});
				
	})


</script>

</head>

<body>
<div class="header">
	<h1><a href="#">松大竞赛</a></h1>
  <ul>
    	<li class="li1"><a href="#">登录</a></li>
        <li class="li2"><a href="#">注册</a></li>
    </ul>
</div>

<div class="nav">
    <div class="con">
        <ul>
            <li><a href="#">竞赛主页</a></li>
            <li><a href="#">赛前练习</a></li>
            <li><a href="#">成绩查询</a></li>
        </ul>
    </div>
</div>
<div class="publicity">
	<div class="introduce">
    	<h1>XXX竞赛专业介绍</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.</p>
    </div>
    
    <div class="details clearfix">
    	
    	<div class="left clearfix">
        	<ul id="title" class="title">
            	<li class="current">主办单位</li>
                <li>承办单位</li>
                <li>协办单位</li>
                <li>参与学校</li>
                <li>教指委公文</li>        
            </ul>
            <ul id="content" class="content">
            	<li class="current">主办单位</li>
                <li>承办单位</li>
                <li>协办单位</li>
                <li>参与学校</li>
                <li>教指委公文</li> 
            
            </ul>
        
        </div>
        <div class="right">
        	<h2>比赛公告</h2>
            <p>预备练习：2016-10-20 12:00:00<br/>
正式比赛：2016-10-20 09:00:00<br/>
成绩查询：2016-10-20 12:00:00<br/>
评奖时间：2016-10-20 11:00:00<br/>
            </p>
        </div>
        
    </div>
	
</div>


<div class="footer cfooter">
	<div class="f_nav">
    	<span></span>
    	<ul>
        	<li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">联系我们</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;">通知公告</a></li>
            <li><a href="javascript:;">使用帮助</a></li>
        </ul>
    </div>
    <p>Copyright © 2011-2020   深圳市松大科技有限公司  版权所有  保留一切权利  粤ICP备11037362号 |粤ICP备11037362号-1</p>
</div>

    


</body>
</html>
